<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>mine</title>
  <link rel="stylesheet" href="../../css/common/flex.css">
  <link rel="stylesheet" href="../../css/common/reset.css">
  <link rel="stylesheet" href="../../css/message.css">
</head>

<body>
  <div class="page-wrap">
    <div class="message-wrap">
      <!-- 头部 -->
      <header class="message-header">

      </header>
      <!-- 三张图片部分 -->
      <div class="message-recommend-wrap">
        <div class="fx-row message-recommend-flex">
          <div class="fx-1 message-recommend message-recommend-module recommended">
            <img class="bg-img" src="../../images/message-pic-bg_1.png" alt="">
            <div class="message-info">
              <h3 class="title fs-16">请求推荐自己</h3>
              <p class="content fx-12">人数：2</p>
            </div>
          </div>
          <div class="fx-1 message-recommend message-recommend-module recommend">
            <img class="bg-img" src="../../images/message-pic-bg_2.png" alt="">
            <div class="message-info">
              <h3 class="title fs-16">推荐ta人</h3>
              <p class="content fx-12">人数：2</p>
            </div>
          </div>
        </div>

      </div>
      <!-- 悬赏推荐 -->
      <div class="message-reward-border">
        <div class="message-reward-recommend-wrap message-recommend">
          <img class="" width="100%" src="../../images/message-pic-bg_3.png" alt="">
          <div class="message-info">
            <h3 class="title fs-16">发起悬赏推荐自己</h3>
            <p class="content fx-12">还没收到推荐 ></p>
          </div>
          <div class="soon-reward">
            <img class="reward-img" src="../../images/soon-reward.png" alt="">
          </div>
        </div>
        <!-- 列表 -->
        <div class="message-items-wrap">

        </div>

      </div>
    </div>
    <!-- 10px占位符 -->
    <div class="placeholder-div"></div>
    <!-- 列表 -->
    <div class="msg-items-wrap">
      <ul class="msg-items">
        <!-- 站内信 -->
        <li class="msg-item fx-row fx-row-center">
          <i class="iconpic iconpic-mail-msg"></i>
          <div class="fx-1">
            <div class="right-list fx-row fx-row-center">
              <div class="msg-sub-left-wrap fx-1">
                <p class="name fs-16">站内信</p>
              </div>
              <div class="msg-sub-right-wrap">
                <div class="fx-column">
                  <span class="date fs-12">昨天</span>
                  <div class="msg-tips">
                    <span class="fs-10 msg-num">16</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </li>
        <!-- 兼职圈消息 -->
        <li class="msg-item fx-row fx-row-center">
          <i class="iconpic iconpic-msg"></i>
          <div class="fx-1">
            <div class="right-list fx-row fx-row-center">
              <div class="msg-sub-left-wrap fx-1">
                <p class="name fs-16">兼职圈消息</p>
              </div>
              <div class="msg-sub-right-wrap">
                <div class="fx-column">
                  <span class="date fs-12">昨天</span>
                  <div class="msg-tips">
                    <span class="fs-10 msg-num">16</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </li>
        <!-- 系统消息 -->
        <li class="msg-item fx-row fx-row-center">
            <i class="iconpic iconpic-system-msg"></i>
            <div class="fx-1">
              <div class="right-list fx-row fx-row-center">
                <div class="msg-sub-left-wrap fx-1">
                  <p class="name fs-16">系统消息</p>
                  <p class="msg-part fs-12">系统消息</p>
                </div>
                <div class="msg-sub-right-wrap">
                  <div class="fx-column">
                    <span class="date fs-12">昨天</span>
                    <div class="msg-tips">
                        <span class="fs-10 msg-num">16</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
        </li>
      </ul>
    </div>
</body>
<script src="../../asset/js/rem.js"></script>

</html>